<template>
	<view class="announcement">
		<view class="height_hundredsixty" style="height: 72rpx;">
			<view class="mail_List" style="position: fixed;">
				<view class="mail" style="font-weight: 700;">
					<view class="order">活动详情</view>
				</view>
			</view>
			<view class="icon" style="position: fixed;">
				<u-icon name="arrow-left" color="#fefefe" size="40" @click="navigateBack"></u-icon>
			</view>
		</view>
		<view class="second_card">
			<u-cell-group :border="false">
				<u-cell-item title="一、活动主题:" hover-class="none" :value="particulars.theme"
					:value-style="{'color':'#000','font-weight':'600'}" :arrow="false">
				</u-cell-item>
				<u-cell-item title="发布时间:" hover-class="none" :value="particulars.createTime"
					:value-style="{'color':'#000','font-weight':'600'}" :arrow="false"></u-cell-item>
				<u-cell-item title="发布人:" hover-class="none" :value="particulars.createBy"
					:value-style="{'color':'#000','font-weight':'600'}" :arrow="false"></u-cell-item>
				<u-cell-item title="二、活动时间:" hover-class="none" :label="particulars.startTime+ '至' +particulars.endTime"
					:label-style="{'color':'#000','font-weight':'600','text-align':'right','width':'682rpx'}"
					:arrow="false">
				</u-cell-item>
				<u-cell-item title="三、活动详情:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					{{particulars.content}}
				</view>
<!-- 				<u-cell-item title="三、活动目的:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					通过活动来感染凝聚广大流动党员,寓教于乐，传递温暖,扩大宣传，增强基层党组织的凝聚力和战斗力，不断深化非公有制经济组织党的建设，中秋党员活动方案。
				</view>
				<u-cell-item title="四、活动概况:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					<view>1、时间;2021年9月26日下午5: 00~9: 30</view>
					<view>2、地点:海上田园</view>
					<view>3、参与:街道已确认身份的流动党员</view>
					<view>4、主办:街道民营党委</view>
					<view>5、协办:各片区党总支</view>
					<view>6、准备;海上田园门票、运输工具、晚餐盒饭、月饼、</view>
					<view>奖品、主会场布置(舞台、背景图、音响)、矿泉水等</view>
					<view>7、经费:由街道民营党委统一安排</view>
				</view>
				<u-cell-item title="四、活动设想:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					<view>1、整个中秋庆祝活动由三大部分组成:游园、欢庆、联欢。下午5时，以片区总支为单位组织党员集中乘车入园，以支部为单位组织党员参观游览田园景点。然后以总支为单位组织节目和游戏在各自预定地点开展党员庆祝中秋活动,适当安排各总支各支部有关工作。最后各总支组织本片区党员到主会场集中,举办街道民营党委庆中秋党员比擂联欢活动，由会议和文艺演出两大内容组成，文艺演出采取比擂的形式进行，各总支推荐优秀节目竞赛上台表演，组织评委打分,活动结束时为优胜单位颁发奖旗。(这种比擂的形式可以充分调动各总支和现场党员参与活动的积极性)。所有文艺节目由各总支负责组织排练。</view>
					<view>2、竞答、颁奖:主会场的文艺表演中适当穿插观众有奖答题,题目可以是非公党建、党员权利和义务、劳动法规、企业管理、文化体育、保健环保等方面的内容，奖品可以是日常生活小用品，规划方案《中秋党员活动方案》。国庆书画竞赛优秀作品颁奖也可穿插在节目中间进行。</view>
					<view>3、整个活动采取先分散后集中的形式，所有任务分派到各片区总支去完成，锻炼各总支各支部教育管理党员和组织开展活动的能力,培养各支委主动开工作的责任心和积极性。</view>
					<view>4、9月10日前街道民营党委召开有各片区联络员和总支书记参加的活动筹备会，分派任务，分头准备。9月21日召开各片区活动筹备情况联络员汇报会。9月25日下午召开活动前的工作协调和活动现场人员分工会。</view>
				</view>
				<u-cell-item title="五、活动步骤:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					<view>1、宣传动员(9月1至9日) :召开总支会，制定各片区活动方案。</view>
					<view>2、召开筹备会(9月10日) :所有联络员、办公室工作人员、各总支书记参加，分派任务，审定各片区活动方案。</view>
					<view>3、活动准备(9月11至25日) :确定节目，组织排练。</view>
					<view>4、召开汇报会(9月21日) :听取各片区联络员活动筹备情况，讨论解决有关问题，加强督办。</view>
					<view>5、召开分工会(9月25日下午) :各片区联络员和所有工作人员参加，进行活动现场分工安排;会后民营党办与海上田园联系，带联络员去园内寻找各总支活动场地和主会场地点;当晚各总支召开支委会，搞好各项准备;通知党员参加活动。</view>
					<view style="margin-bottom: 34rpx;">6、开展活动(9月26日)</view>
					<view>下午5时各片区组织党员集中乘车去海上田园</view>
					<view>游园(5: 30~6: 30) :先以支部为单位组织党员在园内自由参观游览。</view>
					<view>联欢(6: 50~7: 50) :以总支为单位集中开展庆祝联欢活动。</view>
					<view>比擂(8: 00-9: 30) ;最后全部到主会场开会，并进行文艺比擂、颁奖。</view>
					<view>集中乘车，回各片区，解散。</view>
				</view>
				<u-cell-item title="六、总结宣传(9月27-29日) :" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; border-bottom: 1px solid #f6f7f9;">
					<view>上报活动信息到有关媒体，并召开工作人员会，进行总结经验,分析不足，提出改进意见。</view>
				</view>
				<u-cell-item title="七、纪律要求:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
				<view class=""
					style="padding: 0 24rpx 20rpx 40rpx; text-indent: 2em; border-bottom: 1px solid #f6f7f9;">
					<view>1、各总支要高度重视这项活动，统一思想，高度负责，精心组织，认真落实，总支书记是第一责任人， 片区联络员是具体责任人。</view>
					<view>2、活动要紧凑，节目要精彩，效果要明显;分工要明确，组织要到位，措施要得力。</view>
					<view>3、各总支切实组织好党员凭证参加活动,搞好安全，讲究效率，自觉维护园内清洁卫生和公共设施。</view>
				</view> -->
<!-- 				<u-cell-item title="阅读次数:" hover-class="none" value="543次"
					:value-style="{'color':'#000','font-weight':'600'}" :arrow="false">
				</u-cell-item>
				<u-cell-item title="参加人数:" hover-class="none" value="127人"
					:value-style="{'color':'#000','font-weight':'600'}" :arrow="false">
				</u-cell-item> -->
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 用户id
				id:'',
				// 车辆详情
				particulars:'',
				// 搜索内容
				deviceName: '刘备',
			}
		},
		onLoad(val) {
			this.loginId = uni.getStorageSync("setModel")
			// console.log(val)
			// if(val.id){
			this.id=val.id
				this.getListVehicleByIds()
			// } else {
			// 	this.deviceName=val.deviceName
			// 	// console.log(val.deviceName)
			// 	this.searchDetails()
			// }
		},
		methods: {
			// 访客详情信息
			getListVehicleByIds() {
				this.$http.get('informationInquiry/activityInformation',{id:this.id,loginId:this.loginId.userId}).then(res => {
					this.particulars=res.data
					console.log(res, '课程分类')
					// this.owners = res.data
				})
			},
			noticeDetails() {
				this.openUrl('/pages/application/announcement/noticeDetails/noticeDetails')
			},
		}
	}
</script>

<style lang="scss" scoped>
	.announcement {
		.mail_List {

			overflow: hactivityThemeden;
			width: 100%;
			background-color: #f2f2f2;

			.mail {
				padding: 10rpx 0;
				// margin-top: 96rpx;
				color: #999999;
				font-size: 40rpx;
				background-color: #e5e5e5;
			}

			.order {
				text-align: center;
			}
		}

		.icon {
			position: absolute;
			top: 18rpx;
			left: 20rpx;
		}

		.icon_two {
			position: absolute;
			top: 18rpx;
			right: 20rpx;
		}

		/deep/.second_card {

			.uni-card {
				z-index: unset;
				margin: 24rpx 0;
			}

			/deep/.u-cell__value {
				margin-right: -18rpx;
			}

			u-cell-item {
				.u-cell {
					padding: 14rpx 24rpx 14rpx 40rpx;
				}
			}

			u-cell-item:nth-child(2) {
				.u-cell {
					padding: 14rpx 24rpx 14rpx 95rpx;
				}
			}

			u-cell-item:nth-child(3) {
				.u-cell {
					padding: 14rpx 24rpx 14rpx 95rpx;
				}
			}

			.uni-card__content {
				padding: 0 10rpx !important;
			}

			.physical {
				padding: 40rpx 24rpx 0 40rpx;
			}

			.requirements {
				padding: 40rpx 24rpx 0 60rpx;
			}

		}
	}
</style>
